<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="__PUBLIC__/static/plugs/aui/aui.css">
</head>
<body class='aui-scroll-x'>
<style>
    * {font-family: "Microsoft YaHei" !important;letter-spacing: .01rem}
    html,body{display:block;height:100%;overflow:auto!important}
    .aui-chat .aui-chat-media img {border-radius:0}
    .aui-chat .aui-chat-inner {max-width:80%!important;}
    .aui-chat .bg-white {background: #f5f5f5!important;border:1px solid #ccc;}
    .aui-chat .time {color: #f5f5f5;background:rgba(0,0,0,.3);padding:.1rem .3rem;border-radius:.2rem;font-size:.5rem;}
    .aui-chat .aui-chat-content .aui-chat-arrow.two {top:.7rem!important;background:#f5f5f5!important;left:-0.25rem!important;}
    .aui-chat .aui-chat-content .aui-chat-arrow.one {top:.7rem!important;background:#f5f5f5!important;border:1px solid #ccc!important;left:-0.28rem!important;}
    .aui-card-list-content-padded img {max-width: 100% !important;}
</style>
<script src="__PUBLIC__/static/plugs/jquery/jquery.min.js" type="text/javascript"></script>
<if ($type eq 'text') or ($type eq 'image') or ($type eq 'music')>
<section class="aui-chat">
    <div class="aui-chat-header"><span class="time">{:date('H:i')}</span></div>
    <div class="aui-chat-item aui-chat-left">
        <div class="aui-chat-media">
            <img src="__PUBLIC__/static/theme/default/img/head.gif"/>
        </div>
        <div class="aui-chat-inner">
            <if $type eq 'text'>
            <div class="aui-chat-content bg-white">
                <div class="aui-chat-arrow one"></div>
                <div class="aui-chat-arrow two"></div>
                {$content|default=''}
            </div>
            <elseif condition="$type eq 'image'" />
            <div class="aui-chat-content bg-white">
                <div class="aui-chat-arrow one"></div>
                <div class="aui-chat-arrow two"></div>
                <img src='{$content|default="__PUBLIC__/static/theme/default/img/image.png"}'/>
            </div>
            <elseif condition="$type eq 'music'" />
            <div class="aui-chat-content" style='background:#080'>
                <div class="aui-chat-arrow one" style="background:#080!important;"></div>
                <div class="aui-chat-arrow two" style="background:#080!important;"></div>
                <table>
                    <tr>
                        <td style='overflow:hidden;white-space:nowrap;color:#f5f5f5;min-width:100%'>
                            {$title|default=''}
                        </td>
                        <td style='overflow:hidden;white-space:nowrap;color:#f5f5f5;max-width:100%;' rowspan="2">
                            <div style='position:absolute;right:0;top:0;bottom:0;width:2.5rem;background:#080;border-radius:5px'></div>
                            <div style='width:1.5rem;height:1.5rem;background:#0a0;padding:.1rem;text-align:center;position:absolute;right:.5rem;top:1rem'>
                                <i style='font-size:1rem' class='aui-iconfont aui-icon-video'></i>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style='overflow:hidden;white-space:nowrap;color:#f5f5f5;font-size:.3rem;'>
                            {$desc|default=''}　　　　　　　　　　
                        </td>
                    </tr>
                </table>
            </div>
            </if>
        </div>
    </div>
</section>
<elseif condition="$type eq 'article'" />
<section class="aui-content">
    <div class="aui-card-list" style='margin-bottom:0'>
        <div class="aui-card-list-header" style='font-size:1rem'>{$vo.title|default=''}</div>
        <div class="aui-info" style='padding:0 15px'>
            <div class="aui-info-item" style='font-size:0.8rem;color:#666'>
                <span class="aui-margin-l-5">{:date('Y-m-d',strtotime($vo['create_at']))}</span>
                <span class="aui-margin-l-5" style='color:#0099CC'>{$vo.author|default=''}</span>
            </div>
        </div>
        <if $vo.show_cover_pic eq 1>
            <div class="aui-card-list-content-padded"><img src="{$vo.local_url}"/></div>
        </if>
        <div class="aui-card-list-content-padded" style="color:#333;font-size:0.8rem">{$vo.content|default=''}</div>
        <if $vo.content_source_url>
            <div class="aui-card-list-footer" style="color:#999;">
                <div>
                    <a style='color:#0099CC' target='_blank' href='__SELF__'>阅读原文</a>
                </div>
            </div>
        </if>
    </div>
</section>
<elseif condition="$type eq 'video'"/>
<section class="aui-chat">
    <div class="aui-chat-header"><span class="time">{:date('H:i')}</span></div>
    <div class="aui-chat-item">
        <div class="aui-chat-content"  style='background: #fff;border:1px solid #ccc;width:100%;max-width:100%;padding:0'>
            <section class="aui-content">
                <div class="aui-card-list" style='margin-bottom:0;background: none'>
                    <div class="aui-card-list-header"  style='padding:0 .3rem 0 .3rem;min-height:1.5rem;white-space:nowrap;overflow: hidden;text-overflow:ellipsis'>
                        {$title|default=''}
                    </div>
                    <div style='font-size:.5rem;padding:0 .3rem .3rem .3rem;color:#999'>{:date('m月d日')}</div>
                    <div class="aui-card-list-content-padded aui-border-b" style='padding:0 .3rem'>
                        <video src="{$url|default=''}" width="100%" controls preload></video>
                    </div>
                    <div class="aui-card-list-footer" style='min-height:.8rem;padding:.2rem .3rem'>
                        <div style='font-size:.55rem;white-space:nowrap;overflow: hidden;text-overflow:ellipsis '>
                            {$desc|default=''}
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</section>

<elseif condition="$type eq 'news'"/>
<section class="aui-chat">
    <div class="aui-chat-header"><span class="time">{:date('H:i')}</span></div>
    <div class="aui-chat-item">
        <div class="aui-chat-content" style='background: #fff;border:1px solid #ccc;width:100%;max-width:100%;padding:0'>
            <section class="aui-content">
                <if !empty($articles)>
                    <foreach name="articles" item="vo">
                        <if condition="count($articles) gt 1">
                            <if condition="$key < 1">
                                <div data-href="{:url('wechat/review/index')}?content={$vo.id}&type=article" class="aui-card-list" style="cursor:pointer;margin:0;padding:.5rem .5rem .3rem .5rem;display:block;background:none">
                                    <div class="aui-card-list-content" style='width:100%;height:10rem;background-repeat:no-repeat;background-image:url("{$vo.local_url}");background-position:center;background-size:cover'></div>
                                    <div class="aui-card-list-header" style='left:.5rem;right:.5rem;position:absolute;bottom:0.2rem;display:block;max-height:6em;overflow:hidden;text-overflow:ellipsis;background:rgba(0,0,0,.8);color:#fff'>
                                        {$vo.title|default=''}
                                    </div>
                                </div>
                                <else/>
                                <table data-href="{:url('wechat/review/index')}?content={$vo.id}&type=article" class="aui-border-t" style='cursor:pointer;width:100%;padding:0;margin:0;margin:0;padding:.3rem .5rem .5rem .5rem;'>
                                    <tr style='width:100%;padding:0;margin:0;'>
                                        <td style="text-overflow:ellipsis;overflow:hidden;display:inline-block;">{$vo.title}</td>
                                        <td style='width:3rem;height:3rem;background-repeat:no-repeat;background-image:url("{$vo.local_url}");background-position:center;background-size:cover'></td>
                                    </tr>
                                </table>
                            </if>
                            <else/>
                            <div class="aui-card-list" style="margin:0;padding:.5rem .5rem .3rem .5rem;display:block;background:none">
                                <div class="aui-card-list-header" style='padding:0;margin:0;min-height:1.2rem;display:block;overflow:hidden;text-overflow:ellipsis;'>
                                    {$vo.title|default=''}
                                </div>
                                <div  style="padding:5px 0;color:#999;min-height:1rem;display:block;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px">
                                    {:date('m月d日')}
                                </div>
                                <div class="aui-card-list-content" style='width:100%;height:10rem;background-repeat:no-repeat;background-image:url("{$vo.local_url}");background-position:center;background-size:cover'></div>
                                <div class="aui-card-list-content-padded" style="color:#7b7b7b;padding:0;display:block;overflow:hidden;text-overflow:ellipsis">
                                    {:str_replace(['　',"\n"],'',strip_tags($vo.digest))} ...
                                </div>
                            </div>
                            <div class="aui-card-list-content-padded aui-border-t" style="padding-top:.3rem">
                                <a class="aui-list-item-arrow" style="color:#333;font-size:.6rem;display:block" href="{:url('wechat/review/index')}?content={$vo.id}&type=article">阅读全文</a>
                            </div>
                        </if>
                    </foreach>
                </if>
            </section>
        </div>
    </div>
</section>
<script>
    $(function () {
        $('[data-href]').on('click', function () {
            window.location.href = this.getAttribute('data-href');
        });
    });
</script>
</if>
</body>
</html>